<?
session_start();
//session_destroy();
require_once ('Dataprovider/Dataconfig.php');
require ('Dataprovider/Dataconnection.php');
include 'Module/newsModule.php';
include 'Module/SystemModule.php';
$sysModule=new SystemModule();
$paras=$sysModule->gets();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Coffee - Golden Bell S Coffee</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/jplayer.css" type="text/css" media="all">
<link rel="stylesheet" href="css/jquery.jscrollpane-small.css" type="text/css"   media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style_fix.css" type="text/css" media="all">

<script type="text/javascript" src="js/html5.js"></script>
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/myscript.js"></script>
<script type="text/javascript" src="js/content_switch.js"></script>
<script type="text/javascript" src="js/jquery.color.js"></script>

<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/mwheelIntent.js"></script>
<!--<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>-->

<script type="text/javascript" src="js/jquery.prettyPhoto.js" charset="utf-8"></script>

<script type="text/javascript" src="js/jquery.jplayer.min.js"></script>



<!--[if lt IE 8]>
		<div style=' clear: both; text-align:center; position: relative;z-index:100;'>
			<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a>
		</div>
	<![endif]-->
<script type="text/javascript">                                     
$(document).ready(function()
{ $("#ajax-contact-form").submit(function() { var str = $(this).serialize(); $.ajax( { type: "POST", url: "contact.php", data: str, success: function(msg)
						{ if(msg == 'OK') // Message Sent? Show the 'Thank You' message and hide the form
							{ result = '<div class="notification_ok">Your message has been sent. Thank you!<br> <a href="#" onclick="freset();return false;">send another mail</a></div>'; $("#fields").hide(); } 							else
							{ result = msg; } $("#note").html(result); } 
				}); return false; }); });
function freset()
{ 	$("#note").html(''); 	document.getElementById('ajax-contact-form').reset(); 	$("#fields").show();}

</script>
<!--[if IE]>
<link rel="stylesheet" href="css/style_ie_fix.css" type="text/css" media="all">
<![endif]-->
</head>
<body style="background: url(<?=$paras["background"]?>) repeat;">
    <div class="spinner" style="background: url(images/px1.jpg) 0 0 repeat #eeeeee;z-index: 1000;"><div></div></div>
    <div style="width: 960px;margin: 0 auto;">
        <div id="id-head-content">
            <?
            include 'Pages/09_head.php';
            ?>
            
        </div>
        
        <div id="id-page-content">
            <?
            include 'Pages/01_home.php';
            ?>
            <article id="content">
                <ul>
                    <?
                    include 'Pages/10_splash.php';
                    include 'Pages/02_about.php';
                    include 'Pages/03_process.php';
                    include 'Pages/04_new.php';
                    include 'Pages/05_gallery.php';
                    include 'Pages/06_product.php';
                    include 'Pages/07_contact.php';
                    include 'Pages/11_privacy.php';
                    ?>
                    <li id="page_MORE">
                        <div class="slogan">more</div>
                        <div class="box">
                            <div class="subbox">
                                <div style="padding:0 20px">
                                <div id="mini_inner" class="centered">
                                <img src="images/icon/48/dialog_warning.png" alt="" height="50" class="alert">
                                <h1>Error 404:Oh no! Chúng tôi không tìm thấy trang bạn yêu cầu</h1>
                                <p>Không xác định rõ được liên kết mà bạn đã truy cập</p>
                                <p>Hãy kiểm tra lại đường dẫn, có thể sai chỉnh tả, hoặc phân biệt hoa thường...</p>
                                </div>
                                </div>
                            </div>
                        
                        </div>
                        
                    </li>
                    
                  
                </ul>
            </article>
        </div>
        
    </div>
   
    


<footer>

<div class="tola">
                  
                  <div id="jquery_jplayer" class="jp-jplayer"></div>

		<!-- Using the cssSelectorAncestor option with the default cssSelector class names to enable control association of standard functions using built in features -->

		<div id="jp_container" class="jp-audio">
        	<ul class="jp-controls">
            
						<li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute"></a></li>
						<li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute"></a></li>
						<li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume"></a></li>
			</ul>            
            <div class="jp-txt">SOUND CONTROL</div>            
            <div class="jp-volume-bar"><div class="jp-volume-bar-value"></div></div>
		</div>
</div>

<div class="copyright">Copyright © 2012. All rights reserved.&nbsp;&nbsp;<a href="#!/page_PRIVACY">Privacy policy</a></div>

</footer>

<script>
function loadagain(){
    setTimeout(function(){
        $('.add1').css({left:100, top:160, opacity:0,display:'block'}).delay(400).animate({left:-20, top:240, opacity:1},800, 'swing' );
	$('.add2').css({width:350,height:100,left:620, top:220, opacity:0,display:'block'}).delay(800).animate({width:480,height:200,left:500, top:240, opacity:1},800, 'swing' );	
    },1000);
	
}
function moveitem(){
    setTimeout(function(){
        if($("#page_SPLASH").css("display")=="block"){
        $('.add1').css({left:100, top:160, opacity:0,display:'block'}).delay(400).animate({left:-20, top:240, opacity:1},800, 'swing' );
	$('.add2').css({width:350,height:100,left:620, top:220, opacity:0,display:'block'}).delay(800).animate({width:480,height:200,left:500, top:240, opacity:1},800, 'swing' );	
        }
    },2000);
	
}

$(window).load(function() {
//    $(window).scroll(function () {
//            if ($(this).scrollTop() > 200) {
//                    $('.id-menus').css({position:'fixed',top: 0,bottom: 'auto'});
//            } else {
//                    $('.id-menus').css({position:'absolute',top: 'auto',bottom: 0});
//            }
//    });
	//$("#content").hide();
	//$(".splash").show();
	//$(".splash").css({ opacity: 1 });
	$('.spinner').fadeOut();
	$('body').css({});
	var qwe = setTimeout(function () {$("#jquery_jplayer").jPlayer("play");}, 2000);
	
	$('.add3').css({left:180, top:50, opacity:0}).delay(600).animate({left:280, top:8, opacity:1},1400, 'swing' );
	$('.add4').css({left:555, top:0, opacity:0}).delay(800).animate({left:455, top:44, opacity:1},1600, 'swing' );
	
	$('.add1').css({left:100, top:160, opacity:0,display:'block'}).delay(400).animate({left:-20, top:240, opacity:1},800, 'swing' );
	$('.add2').css({width:350,height:100,left:620, top:220, opacity:0,display:'block'}).delay(800).animate({width:480,height:200,left:500, top:240, opacity:1},800, 'swing' );
	$('.add5').css({left:10, top:-300, opacity:0}).delay(1200).animate({left:510, top:0, opacity:1},1800, 'swing' );
	$('.add6').css({opacity:0}).delay(1600).animate({opacity:1},1800, 'swing' );
	$('.add7').css({opacity:0}).delay(1600).animate({opacity:1},1800, 'swing' );
//        moveitem();
})
</script>
<!--<div id="id-iframe-conlocsanco"  style="position: fixed;bottom: 0;right: 0;z-index: 100;width: 310px;height: 271px">
    <div style="position: absolute;width: 16px;height: 16px;top: 1px;right: 2px;z-index: 101;
         background: url(http://ads.gosu.vn/generate/images/close.gif) center no-repeat;cursor: pointer
         "
         onclick="document.getElementById('id-iframe-conlocsanco').style.visibility='hidden'"
         ></div>
    <iframe  style="position: fixed;bottom: 0;right: 0;z-index: 100"  src="http://adsss.info/ads/ads.php" width="310" height="271" frameborder="0" scrolling="auto">

    </iframe>
</div>-->
</body>
</noscript>
<div style="text-align: center;"><div style="position:relative; top:0; margin-right:auto;margin-left:auto; z-index:99999">
<!-- Hosting24 Analytics Code -->
 <script type="text/javascript" language="javascript" src="http://stats.hosting24.com/do.php"></script>
 <noscript>
 <a href="http://www.hosting24.com/" target="_blank"><img src="http://stats.hosting24.com/do.php" alt="web hosting" border="0"></a>
 </noscript>
 <!-- End of Website Analytics Code -->
</div></div>
</html>
